<template>
<div>
    {{msg}} <br/> <br/>
    <span v-html="msg"></span>
    <!-- @只限模板中 访问 项目根路径/src ,src作为变量时无法作为webpack模块编译除非为public下的静态文件  -->
    <img v-bind:src="src" :title="msg" />
    <img src="@/assets/logo.png" :title="msg + '--static'" />
</div>
</template>

<script lang="ts">
import { defineComponent } from "@vue/runtime-core"
export default defineComponent({
  data() {
    return {
      msg: '<p>你好VUE</p>',
      src: './assets/logo.png', // 无效
    }
  }
})
</script>

<style lang="scss" scoped>
.active{
    color: pink;
}
</style>